<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
<%@taglib prefix="rich" uri="http://richfaces.org/rich"%>

<h:panelGrid columns="2" columnClasses="col1,col1">
                            <h:outputLabel value="Elija un tipo de Operacion:" />
                            <h:selectOneMenu id="cboOperacion" value="#{CuentaAhorroController.tipoOperacion}">
                                <a4j:support event="onchange" reRender="Validacion" />
                                <f:selectItem itemLabel="Deposito" itemValue="deposito" />
                                <f:selectItem itemLabel="Retiro" itemValue="retiro" />
                                <f:selectItem itemLabel="Transferencia" itemValue="transferencia" />
                                <f:selectItem itemLabel="Cancelacion" itemValue="cancelacion" />
                            </h:selectOneMenu>
         </h:panelGrid>
                        
<h:panelGroup id="Validacion" rendered="#{CuentaAhorroController.tipoOperacion != 'deposito'}">
                            <fieldset>
                                <legend>Validar Ingreso</legend>
                                <h:panelGrid columns="1">
                                    <h:panelGrid columns="2">
                                        <h:outputLabel value="Tipo de Ingreso:" />
                                        <h:selectOneMenu id="cboIngreso" value="#{ValidacionController.tipoIngreso}">
                                            <a4j:support event="onchange" reRender="TipoIngreso" />
                                            <f:selectItem itemLabel="Con Documento" itemValue="documento" />
                                            <f:selectItem itemLabel="Con Tarjeta" itemValue="tarjeta" />
                                        </h:selectOneMenu>
                                    </h:panelGrid>

                                    <h:panelGroup id="TipoIngreso">
                                        <h:panelGrid columns="2"  rendered="#{ValidacionController.tipoIngreso == 'documento'}">
                                            <h:outputLabel value="Tipo de Documento:" />
                                            <h:selectOneMenu id="cboTipoDocumento" value="#{ValidacionController.tipoDocumento}">
                                                <f:selectItem itemLabel="DNI" itemValue="dni" />
                                                <f:selectItem itemLabel="RUC" itemValue="ruc" />
                                                <f:selectItem itemLabel="Pasaporte" itemValue="pasaporte" />
                                            </h:selectOneMenu>

                                            <h:outputLabel value="Nro. Documento" for="txtDni"/>
                                            <h:inputText id="txtDni" styleClass="inputs"/>
                                        </h:panelGrid>

                                        <h:panelGrid columns="2" rendered="#{ValidacionController.tipoIngreso == 'tarjeta'}">
                                            <h:outputLabel value="Tarjeta" for="txtTarjeta" />
                                            <h:inputSecret id="txtTarjeta" styleClass="inputsRead" readonly="true"/>

                                            <h:outputLabel value="Clave" for="txtClave" />
                                            <h:inputSecret id="txtClave" styleClass="inputs" />
                                        </h:panelGrid>
                                    </h:panelGroup>
                                </h:panelGrid>
                            </fieldset>
                        </h:panelGroup>


  <div class="navPanel" style="width:100%;">
       <h:panelGroup>
           <h:panelGroup>

                <%--<h:commandButton  value="Continuar" action="#{CuentaAhorroController.Validar}" />
                            <h:commandButton value="Cancelar" action="volver" />
                       
                --%>
          
           <a4j:commandButton value="Continuar" action="#{CuentaAhorroController.Validar}"  style="float:right"  />
           <a4j:commandButton value="Cancelar" action="volver" style="float:right"  immediate="true" />
     </h:panelGroup>
       </h:panelGroup>
    </div>
     